// SVG stuff
function drawCircle(ctx,start,end){

//var range = document.id('range');

var imd = null;
var circ = Math.PI * 2;
var quart = 4.7;

ctx.beginPath();
ctx.strokeStyle = '#99CC33';
ctx.lineCap = 'round';
ctx.shadowOffsetX = 0;
ctx.shadowOffsetY = 0;
ctx.shadowBlur = 10;
ctx.shadowColor = "rgba(153, 204, 51, 0.6)";
ctx.closePath();
ctx.fill();
ctx.lineWidth = 5.0;

imd = ctx.getImageData(0, 0, 240, 240);

var draw = function(current) {
    ctx.putImageData(imd, 0, 0);
    ctx.beginPath();
    ctx.arc(35, 35, 33, -(quart) , (circ * current) - quart , false);
    ctx.stroke();
}
var myFx = new Fx({
    onStep: function(step){

        draw(step / 100);
        //range.set('value', step);

    }
});




myFx.set = function(now){
    var ret = Fx.prototype.set.call(this, now);
    this.fireEvent('step', now);
    return ret;
};

myFx.start(start, end);

}